import React from "react";
import {Button, Empty, Flex} from "antd";
import {useNavigate} from "react-router-dom";
import notFindImage from '@/assets/images/404.svg'

const NotFind: React.FC = () => {
  const navigate = useNavigate()
  return (
    <Flex vertical justify="center" align="center" style={{width: '100%', height: "100vh"}}>
      <Empty
        image={notFindImage}
        imageStyle={{height: 200}}
        description={
          <div>
            <span className="error-description-content">哇哦！你好像走丢了，这里什么也没有！尝试刷新界面</span>
          </div>
        }>
        <Button onClick={() => navigate('/home')}>首页</Button>
        <Button onClick={() => window.location.reload()}>刷新界面</Button>
      </Empty>
    </Flex>
  )
}

export default NotFind